<div class="panel panel-primary">
	<div class="panel-heading">
		<h3 class="panel-title">元素抖动或摆动效果</h3>
	</div>
	<div class="panel-body">
		<h3>插件说明</h3>
		<p>这是一个简单的元素抖动或摆动效果插件，没什么太特别的。<br />
			兼容IE 7, IE 8, FF 3.6, Chrome 6.0, Safari 5.0, Opera 10.62。</p>
		<h3>通过HTML文档data属性</h3>
		<p>仅仅通过向页面元素添加<code>sea-toggle="shake"</code> 就可以为其赋予元素抖动或摆动效果。<br />
			以下是其他相关属性：
		<ul>
			<li><code>sea-options</code> 属性接受一个或一组Options参数，格式 <code>sea-options="参数名1:'参数值1',参数名2:'参数值2'"</code>，具体参数参考下方，不指定则使用默认值；</li>
		</ul></p>
		<div class="alert alert-success">
			<h2><strong>Options 参数：</strong></h2>
			<dl>
				<dt><h3>direction</h3></dt>
				<dd><p>定义元素是上下抖动还是左右摆动，可选：top（抖动）、left（摆动），默认值是：“top”</p></dd>
				<dt><h3>offset</h3></dt>
				<dd><p>定义元素是上下抖动或左右摆动的偏移量，默认值是：‘5px’</p></dd>
				<dt><h3>speed</h3></dt>
				<dd><p>定义元素是上下抖动或左右摆动的速度，默认值是：‘800’</p></dd>
				<dt><h3>easing</h3></dt>
				<dd><p>定义元素是上下抖动或左右摆动的动画效果，默认是：‘swing’</p></dd>
			</dl>
		</div>
		<div class="bs-example">
			<blockquote class="sea-example">
<div class="col-sm-6 text-center" sea-toggle="Shake">
	<strong>元素抖动效果</strong>
</div>
<div class="col-sm-6 text-center" sea-toggle="Shake" sea-options="direction:'left'">
	<strong>元素摆动效果</strong>
</div></blockquote>

<div sea-toggle="textition" class="col-sm-12 text-center">
	<p>First text</p>
	<p>Second text</p>
	<p>Third text</p>
</div>

			<div class="bs-sidebar sea-example">
				<pre sea-toggle="seaseaseaSnippet" sea-options="target:'blockquote.sea-example',style:'ide-eclipse'"></pre>
			</div>
		</div>
	</div>
</div>